<template>
  <div class="home ht-view">
      <el-checkbox-group v-model="checkedTableColumns">
        <el-checkbox
          v-for="column in tableColumns"
          :key="column.prop"
          :label="column.prop"
          >{{ column.label }}
        </el-checkbox>
      </el-checkbox-group>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  created() {
    this.gv = new ht.graph.GraphView();
    this.dm = this.gv.dm();
  },
  mounted() {
    // this.gv.addToDOM(this.$el);

    // let node = new ht.Node();
    // this.dm.add(node);
    this.gv.addToDOM(this.$el);

    let node = new ht.Node();
    node.p(400, 250);
    node.setImage(require("@/assets/logo.png"));
    this.dm.add(node);
  },
  activated() {},
  updated() {},
  methods: {},
  computed: {},
  watch: {}
};
</script>
<style scoped>
.ht-view {
  text-align: left;
  position: relative;
  width: 800px;
  height: 500px;
  margin: auto;
  border: 1px solid #ccc;
}
</style>
